<template>
    <div>
        <h2 ref="title" v-text="msg"></h2>
        <hr>
        <SchoolInfo/>
        <hr>
        <StudentInfo />
       
    </div>
</template>

<script>
import SchoolInfo from './components/SchoolInfo'
import StudentInfo from './components/StudentInfo'
export default {
    name:'App',
    components:{
        SchoolInfo,
        StudentInfo
    },data() {
        return {
            msg:"欢迎学习Vue"
        }
    },methods: {
        showDom(){
            console.log(this.$refs.title);
        }
    },
}
</script>

<style>

</style>